<template>
	<view>
		<view class="threeadv d-flex">
			<view style="width: 50%;height:100%;" class="d-flex flex-1"><image :src="threeadv.data[0].src" mode="widthFix" class="left-adv"></image></view>
			<view style="width: 50%;height:100%;" class="d-flex flex-column adv-right">
				<image :src="threeadv.data[1].src" mode="widthFix"></image>
				<image :src="threeadv.data[2].src" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"three-adv",
		data() {
			return {
				
			};
		},
		props:{
			threeadv:{
				type:Object
			}
		}
	}
</script>

<style scoped>
   .threeadv {
	   height:460rpx;
   }
   .threeadv .left-adv {
	   width:375rpx;
	   height: 460rpx !important;
   }
   .adv-right image{
	   width:375rpx;
	   height:230rpx !important;
   }
</style>
